@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.pcoded .pcoded-header[header-theme="theme1"] .navbar-logo a img{ width: 120px; height: auto; }
#loadfile{ position: relative; display: inline-block; padding: 8px 25px 8px 30px; border:  1px solid #13294B; color: #13294B; border-radius: 5px;}
#loadfile:before{content:"\f03e"; font-family: FontAwesome;
position: absolute;
left: 10px;
top: 50%;
-webkit-transform: translate(0,-50%);
   -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
     -o-transform: translate(0,-50%);
        transform: translate(0,-50%);}
#loadfile.loading:before{content:"\f110"; font-family: FontAwesome;
	display: inline-block;
	-webkit-animation: gira 1s linear infinite;
	   -moz-animation: gira 1s linear infinite;
	    -ms-animation: gira 1s linear infinite;
	     -o-animation: gira 1s linear infinite;
	        animation: gira 1s linear infinite;
}
#loadfile.loaded:before{content:"\f05d"; font-family: FontAwesome;}
#loadfile.error:before{content:"\f06a"; font-family: FontAwesome;}
.lang_flag{
	    border-radius: 50%;
    	overflow: hidden;
    	display: inline-block;
    	position: relative;
}
.lang_flag *{
	-webkit-transition:.50s all ease;
	   -moz-transition:.50s all ease;
	    -ms-transition:.50s all ease;
	     -o-transition:.50s all ease;
	        transition:.50s all ease;
}
#es:checked ~ label.es:before,#en:checked ~ label.en:before{ content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 191, 16, .5); width: 100%; height: 100%; }
#es:checked ~ label.es:after, #en:checked ~ label.en:after{content:"\f00c"; color: #fff; font-size: 1.5em; font-family: FontAwesome; top: 50%; left:50%; position: absolute; -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.ProcessForm{ margin-bottom: 10px; font-weight: 700; letter-spacing: 2px;}
.btn-action{
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 3px;
	-webkit-transition:.50s all ease;
	   -moz-transition:.50s all ease;
	    -ms-transition:.50s all ease;
	     -o-transition:.50s all ease;
	        transition:.50s all ease;
	        border:  1px solid transparent;
	        background: transparent;
}
.btn-edit{
	border-color: #b7bf10;
	color: #b7bf10;
}
.btn-edit:hover{
	background:  #b7bf10 ;
	color: #ffffff;
}
.btn-delete{ border-color: #d80808; color: #d80808;}
.btn-delete:hover{
	background: #d80808;
	color: #ffffff;
}
.action-btn.btn-delete, .action-btn.btn-delete:hover {
	background: transparent;
	color: #ce3a3a;
}
.centering-wrrp{
	text-align: center;
}
.logologin-wrrp{
	width: 300px;
   /* height: 97px;*/
    display: inline-block;
}

.logologin-wrrp img{
	max-width: 100%;
	height: 100px;
	display: block;
	margin:  0 auto;
}
 .content-wrapp .home-nav-byitem .item-navigation {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #13294b;
    margin-bottom: 20px;
    cursor: pointer; }
    .content-wrapp .home-nav-byitem .item-navigation > a {
      display: block; }
    .content-wrapp .home-nav-byitem .item-navigation .color-blocks {
      background: #13294b;
      color: #ffffff;
      padding: 10px 0;
      margin-right: -15px;
      margin-left: -15px; }
    .content-wrapp .home-nav-byitem .item-navigation .heading-block {
      padding: 10px 0; }
    .content-wrapp .home-nav-byitem .item-navigation .icon-block {
      position: relative;
      background: #ffffff;
      overflow: hidden;
      height: 150px;
      text-align: center;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .content-wrapp .home-nav-byitem .item-navigation .icon-block i{
      	position: absolute;
      	top: 50%;
      	left: 50%;
        font-size: 3em;
         -webkit-transform: translate(-50%,-50%);
	      -moz-transform: translate(-50%,-50%);
	      -ms-transform: translate(-50%,-50%);
	      -o-transform: translate(-50%,-50%);
	      transform: translate(-50%,-50%); 
        }
    .content-wrapp .home-nav-byitem .item-navigation .foot-block span {
      display: block;
      text-align: center;
      font-weight: 700; }
    .content-wrapp .home-nav-byitem .item-navigation:hover .icon-block:after {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3); }
@-webkit-keyframes gira { 
	from {
		-webkit-transform: translate(0,-50%) rotate(0deg);
		-moz-transform: translate(0,-50%) rotate(0deg);
		-ms-transform: translate(0,-50%) rotate(0deg);
		-o-transform: translate(0,-50%) rotate(0deg);
		transform: translate(0,-50%) rotate(0deg); }
	to {
		-webkit-transform: translate(0,-50%) rotate(360deg);
		-moz-transform: translate(0,-50%) rotate(360deg);
		-ms-transform: translate(0,-50%) rotate(360deg);
		-o-transform: translate(0,-50%) rotate(360deg);
		transform: translate(0,-50%) rotate(360deg); }
}
@-ms-keyframes gira { 
	from {
		-webkit-transform: translate(0,-50%) rotate(0deg);
		-moz-transform: translate(0,-50%) rotate(0deg);
		-ms-transform: translate(0,-50%) rotate(0deg);
		-o-transform: translate(0,-50%) rotate(0deg);
		transform: translate(0,-50%) rotate(0deg); }
	to {
		-webkit-transform: translate(0,-50%) rotate(360deg);
		-moz-transform: translate(0,-50%) rotate(360deg);
		-ms-transform: translate(0,-50%) rotate(360deg);
		-o-transform: translate(0,-50%) rotate(360deg);
		transform: translate(0,-50%) rotate(360deg); }
}
@-mz-keyframes gira { 
	from {
		-webkit-transform: translate(0,-50%) rotate(0deg);
		-moz-transform: translate(0,-50%) rotate(0deg);
		-ms-transform: translate(0,-50%) rotate(0deg);
		-o-transform: translate(0,-50%) rotate(0deg);
		transform: translate(0,-50%) rotate(0deg); }
	to {
		-webkit-transform: translate(0,-50%) rotate(360deg);
		-moz-transform: translate(0,-50%) rotate(360deg);
		-ms-transform: translate(0,-50%) rotate(360deg);
		-o-transform: translate(0,-50%) rotate(360deg);
		transform: translate(0,-50%) rotate(360deg); }
}
@-moz-keyframes gira { 
	from {
		-webkit-transform: translate(0,-50%) rotate(0deg);
		-moz-transform: translate(0,-50%) rotate(0deg);
		-ms-transform: translate(0,-50%) rotate(0deg);
		-o-transform: translate(0,-50%) rotate(0deg);
		transform: translate(0,-50%) rotate(0deg); }
	to {
		-webkit-transform: translate(0,-50%) rotate(360deg);
		-moz-transform: translate(0,-50%) rotate(360deg);
		-ms-transform: translate(0,-50%) rotate(360deg);
		-o-transform: translate(0,-50%) rotate(360deg);
		transform: translate(0,-50%) rotate(360deg); }
} 
@-o-keyframes gira { 
	from {
		-webkit-transform: translate(0,-50%) rotate(0deg);
		-moz-transform: translate(0,-50%) rotate(0deg);
		-ms-transform: translate(0,-50%) rotate(0deg);
		-o-transform: translate(0,-50%) rotate(0deg);
		transform: translate(0,-50%) rotate(0deg); }
	to {
		-webkit-transform: translate(0,-50%) rotate(360deg);
		-moz-transform: translate(0,-50%) rotate(360deg);
		-ms-transform: translate(0,-50%) rotate(360deg);
		-o-transform: translate(0,-50%) rotate(360deg);
		transform: translate(0,-50%) rotate(360deg); }
}
@keyframes gira { 
	from {
		-webkit-transform: translate(0,-50%) rotate(0deg);
		-moz-transform: translate(0,-50%) rotate(0deg);
		-ms-transform: translate(0,-50%) rotate(0deg);
		-o-transform: translate(0,-50%) rotate(0deg);
		transform: translate(0,-50%) rotate(0deg); }
	to {
		-webkit-transform: translate(0,-50%) rotate(360deg);
		-moz-transform: translate(0,-50%) rotate(360deg);
		-ms-transform: translate(0,-50%) rotate(360deg);
		-o-transform: translate(0,-50%) rotate(360deg);
		transform: translate(0,-50%) rotate(360deg); }
} 
.clearm{
	margin: 0 !important;
}

.hid-date{
	height: 0;
	visibility: hidden;
	opacity: 0;
}
.input-hi-trigg{
	position: fixed;
	top: -9999px;
	left: -9999px;
	opacity: 0;
	visibility: hidden ;
}
.page-body,.filtros-wrapp{
	padding: 20px;
}
.content-filter{
	height: 0;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
}
.content-trigg:checked + label + .content-filter{
	height: auto;
	opacity: 1;
}
.trigg-check{
	cursor: pointer;
	position: relative;
	display: block;
}

.trigg-check.chev:after{
	content: "\f078";
	display: inline-block;
	font-family: "FontAwesome";
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    margin-left: 10px;
    padding: 5px 7px;
    background: #004883;
    color: #fff;
    border-radius: 50%;
}
.input-hi-trigg:checked + .trigg-check.chev:after{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
}
.input-hi-trigg:checked + .trigg-check.check:after{
	content: "\f00c";
	font-family: "FontAwesome";
	 margin-left: 10px;
    padding: 5px 7px;
    background: #004883;
    color: #fff;
    border-radius: 50%;
}

/* Formato de Comisiones  */
#postForms label {
	font-size: 12px;
}
.centered_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}
/* Formato de Comisiones */
/* Registro de Cuenta Bancaria */
#cuenta_secundaria ~ form{
	-webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
}
#cuenta_secundaria, #cuenta_secundaria ~ form#cuenta_secu_form{
    visibility: hidden;
    display: none;
}
#cuenta_secundaria:checked + form#postForms{
	visibility: hidden;
    display: none;
}
#cuenta_secundaria:checked ~ form#cuenta_secu_form{
	display: block;
	visibility: visible;
}

.btn-pair{padding: 5px;}